<link rel="stylesheet" href="{$Sys_JsLibsURL}/slimbox/slimbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="{$Sys_JsLibsURL}/slimbox/slimbox.js"></script>
{literal}
<script language="Javascript">
Slimbox.scanPage = function() {
	$$("a").filter(function(el) {
		return el.rel && el.rel.test(/^lightbox/i);
	}).slimbox({counterText: "Photo {x} von {y}"/* Put custom options here */}, function(el) { return [el.href, el.title + '<a href="' + el.href + '&amp;download=true">Dieses Bild herunterladen</a>']; }, function(el) {
		return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
	});
};

window.addEvent("domready", Slimbox.scanPage);
</script>

{/literal}
{literal}
<style>
	#photo {
		height: 190px;
		width: 190px;
		float: left;
		background-repeat: no-repeat;
		background-position: center;
		margin-right: 30px;
		margin-bottom: 15px;
		cursor: pointer;
	}
	
</style>
{/literal}
{foreach from=$PhotoLibrary_Photos item=p}
<a rel="lightbox-aaa" title="" href="{$Sys_CurrentPageURL}&amp;method=getPhoto&pkPhoto={$p->pkPhoto}">
<div id="photo" style="background-image: url('{$PhotoLibrary_PhotoPath}/{$p->fkPhotoLibrary|string_format:"%04s"}/{$p->pkPhoto|string_format:"%09s"}_thumb.jpg');">
</div>
</a>
{/foreach}